* {
    background-color: #f6ebf6;
    margin: 0;
    padding: 0
}
/* 全局变量 */



            /* 头部 */
li {
    list-style: none;
}

/* 外层盒子相对定位 */
.banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
    margin: 100px auto;
}

.first img{
    width: 80%;
    height: 500px;
    margin: 140px 140px 0 140px;
    border-top-left-radius: 15px;/*设置圆角*/
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;

}

.second img{
    width: 80%;
    height: 500px;
    margin: 140px 140px 0 140px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;

}



/* .banner img{
    width: 100%;
    height: 500px;
    padding-top: 109px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.137);
} */
/* 头部图片 */
.title-1{
    
    background-color:white 0.2%;
    display: block;/*弹性盒子*/
    text-align: center;
    font-size: 48px;
    color: rgba(123, 29, 177, 0.6); /* 半透明的粉色 */
    font-family: "华文彩云";
    font-weight: bold;
}


        /* 四个小图片 */
 .icons {
    display: flex;/*弹性盒子*/
    justify-content: space-between;/*弹性盒子中子元素在主轴的排列方式*/
    margin: 5%;
    overflow: hidden;/*超出元素被剪掉，不可被看见*/
    width: 90%;
    height: 4%;
}
.icons_items {
    width: 20%;
    height: 20%;
    margin-bottom: 30px;
}/* 对小图片进行排版布局 */
.icons_items_imgs{
    width: 100%;
}
.icons span{
    display: inline-block;
    text-align: center;
}




        /* 排列的内容 */
.introduce {
    display: flex;
    flex-direction: column;
}
/* 对列表弹性盒子布局，使其灵活的对元素进行排列布局 */
.introduce_item {
    display: flex;
    justify-content: center;
    margin-top: 0;
    margin-left: 100px;
    margin-right: 100px;
}
.introduce_item_img {
    width: 60%;
    height: 30%;
    
}
.introduce_item_title {
    width: 300px;
    font-size: 18px;
    line-height: 36px;
    align-self: center;
    padding-left: 100px;
}
.introduce_item_titles {
    width: 300px;
    font-size: 18px;
    line-height: 36px;
    align-self: center;
    padding-right: 100px;
}

/* 我的生活剪影 */
.pic-life {
    width: 100%;
}
.picture-title {
    margin: auto;
    float: left;
}
.picture-title{
    padding-left: 10px;
    border-left: 20px solid #de7bad;
    text-align: left;
    display: block;
    font-size: 35px;
    margin-block-start: 1em;/*从起点开始，相对于文本尺寸*/
    margin-block-end: 1em;/*到终点，相对于文本尺寸*/
    font-weight: bold;/*字体粗细，加粗*/
    unicode-bidi: isolate;/*被分离出来，不会被覆盖*/
}
.all-pic {
    display: inline-flex;
    width: 100%;
}
.picture {
    padding: 10px;
    text-align: center;
}
.pic{
    justify-content: space-between;/*弹性盒子中子元素在主轴的排列方式*/
    width: 100%;
    height: 100%;
}
.pic-text {
    font-size: 20px;
}



